<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery简单语法</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
    </script>
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                // //隐藏所有元素
                // $("*").hide();
                // //隐藏当前元素
                // $(this).hide();
               // //隐藏p标签内所有class为pp的标签
                // $("p.pp").hide();
             // //隐藏所有带有href属性的元素
             //    $("[href]").hide();
                // //隐藏所有href值为#的元素
                // $("[href='#']").hide();
            // //隐藏所有input的type为button的按钮
                $(":button").hide();
            });
        });
    </script>
</head>
<body>
        <h1 href="#">这是一个h1标题</h1>
        <h2>这是一个h2标题</h2>
        <h3>这是一个h3标题</h3>
        <h4>这是一个h4标题</h4>
        <h5>这是一个h5标题</h5>
        <p>这是一个p标签
            <p class="pp" id="yy">
            这是p中的一个嵌套p标签
        </p>

        </p>
        <p>这是另一个p标签</p>
        <button>神秘按钮</button>
</body>
</html>